<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../lib/jquery/jquery-1.11.1.js" ></script>
		<script type="text/javascript">
			function f1(){
//				$('li:first').css('background-color','red');
//				$('li:last').css('background-color','blue');
//				$('li:eq(1)').css('background-color','green');
//				$('li:gt(1)').css('background-color','blue');
//				$('li:lt(2)').css('background-color','red');
//				$('li:even').css('background-color','blue');
//				$('li:odd').css('background-color','red');
//				$('li:not(#zhang,#zhao)').css('background-color','red');ss's's's'
				$(':header').css('background-color','red');
				
			}
		</script>
	</head>
	<body>
		<h1>并且选择器</h1>
        <h2>并且选择器</h2>
        <h3>并且选择器</h3>
        <h4>并且选择器</h4>
        <ul>
            <li>刘备</li>
            <li id="zhang">张飞</li>
            <li>关羽</li>
            <li id="zhao">赵云</li>

            <li>孙权</li>
            <li>周瑜</li>
            <li>黄盖</li>
            <li>吕蒙</li>
        </ul>

        <input type="button" value="触发" onclick="f1()" />
	</body>
</html>
